$(function () {
    $(".content").find("aside").hover(function(){
        $(this).animate({
            width:"240",
        },500);
        $(".aside_ul li").find("span").show("slow");
        $(".aside_ul li").find("b").show("slow");
    },function(){
        $(this).animate({
            width:"60",
        },500);
        $(".dom").css("display","none");
        $(".aside_ul li").find("span").css("display","none");
        $(".aside_ul li").find("b").css("display","none");
    });
    $(".nav_input").find("input").focus(function () {
        $(this).animate({
            width:240
        },500);
    })
    $(".nav_input").find("input").blur(function () {
        $(this).animate({
            width:160
        },500);
    })
    $(".libox").hover(function(){
        $(this).find("i").css("color","white");
        $(this).find("span").css("color","white");
    },function(){
        $(this).find("i").css("color","#97999f");
        $(this).find("span").css("color","#97999f");
    });
    $(".libox").toggle(function(){
        $(this).find("b").css({borderColor:"transparent white white transparent",top:"24px"});
    },function(){
        $(this).find("b").css({borderColor:"white white transparent transparent",top:"28px"});
    });
    $(".libox:first").toggle(function(){
        $(".dom").show("slow");
    },function(){
        $(".dom").hide("slow");
    });
    $(".Bheader_6").click(function () {
        $(".Bright").animate({
            right: 0, opacity: 'show'
        }, 1000);
    })
    $(".Bright_1_1").click(function () {
        $(".Bright").animate({
            right: 0, opacity: 'hide'
        }, 1000);
    })

    $(".Bright_2_1_1").find("a").click(function () {
        var public=$(this).css('background-color');
        $("nav").css("background",public);
        $(".Bright_1").css("background",public);
        $(".Bheader_5").css("color",public);
        $(".aside_ul li").eq(4).css("background",public);
        console.log($(this).find("p"))
        if($(this).find("p").length==0){
            $(this).append("<p style='color:white;font-size:22px;font-weight: bold;padding-left:15px;padding-top:10px'>√</p>");
        }
        $(this).find("p").css("display","block").parent().siblings().find("p").css("display","none");
        $(".Bright_2_2_1").find("a").find("p").css("display","none");
    });
    $(".Bright_2_2_1").find("a").click(function () {
        var public=$(this).css('background-color');
        $("nav").css("background",public);
        $(".Bright_1").css("background",public);
        $(".Bheader_5").css("color",public);
        $(".aside_ul li").eq(4).css("background",public);
        if($(this).find("p").length==0){
            $(this).append("<p style='color:white;font-size:22px;font-weight: bold;padding-left:15px;padding-top:10px'>√</p>");
        }
        $(this).find("p").css("display","block").parent().siblings().find("p").css("display","none");
        $(".Bright_2_1_1").find("a").find("p").css("display","none");

    });
       $(".nav_ul li").each(function(){
        $(this).click(function(event){

            event.stopPropagation();
            var index=$(this).index();
            if(index==0){

                $(this).children("ul").animate({
                    top:60
                },500);
                $(this).next().children("div").hide(20,function(){
                    $(this).animate({
                        top:300
                    },500)
                });
            }else if(index==1){
                $(this).children("div").show("fast",function(){
                    $(this).animate({
                        top:60
                    },500);
                });
                $(this).prev().children("ul").animate({
                    top:-400
                });
            }
        });
    });
    $("body").click(function () {
        $(this).find(".nav_ul_1").animate({
            top:-400
        },500);
        $(this).find(".nav_ul_2").hide(function () {
            $(this).animate({
                top:300
            },500);
        });
    })
})
var test=true;
window.onresize = function(){
    var browserWidth = document.body.clientWidth;
    if(browserWidth<750&&test){
        $(".nav_ul").append("<li class='test'><i class=\"iconfont icon-houtai1\"></i></li>");
        $("aside").css("display","none");
        test=false;
    }else if(browserWidth>750){
        $(".nav_ul").find(".test").css("display","none");
        $("aside").css("display","block");
        test=true;
    }
    $(".nav_ul").find(".test").toggle(function () {
        $("aside").css("display","block");
    },function () {
        $("aside").css("display","none");
    });
}